<div class="innerbanner">
    <img src="/static/images/pro1_banner.jpg" alt="">
    <div class="text icenter3">
        <h3 aos="fade-up">产品与服务</h3>
        <h4 aos="fade-up">PRODUCTS AND SERVICE</h4>
    </div>
</div>

<script>
    $(window).scroll(function () {
        scroll = $(document).scrollTop();
        bai = 1 + scroll / $(document).height()
        $(".innerbanner img").css("transform", "scale(" + bai + ")")
    })
</script>

<style>
    .table-box {
        margin: auto;
        color: #333;
    }

    .table-box table {
        margin: auto;
        border-collapse: collapse;
    }

    .table-box thead tr th {
        font-size: 16px;
        border: 1px solid #555;
    }

    .table-box tr td {
        font-size: 12px;
        padding: 6px;
        border: 1px solid #555;
    }
    
    a.button {
        font-size: 12px;
        color: var(--dex);
        font-family: arial;
        padding: 3px 15px;
        border-radius: 5px;
        border: 1px solid var(--dex);
        font-weight: bold;
    }
</style>

<div class="fx">
    <div class="com_nav">
        <div class="icenter3" aos="fade-up">
            <div class="le">
                WRP-耐磨板
            </div>
            <div class="ri">
                <a href="/wire.html">电弧喷涂粉芯丝材</a>
                <a href="/surface.html">耐磨堆焊丝材</a>
                <a href="" class="active">WRP-耐磨板</a>
            </div>
        </div>
    </div>
    <div class="pro1_1" aos="fade-up">
        <div class="title">
            <div class="pro1_h3">WRP-耐磨板</div>
            <p></p>
        </div>
        <div class="icenter3" aos="fade-up">
            <div class="content">
                <div class="text-c">
                    <div class="seg">
                        <div class="table-box">
                            <table>
                                <thead>
                                    <tr>
                                        <th style="text-align: center;font-size: 22px;">编号</th>
                                        <th style="text-align: center;font-size: 22px;">名称</th>
                                        <th style="text-align: center;font-size: 22px;">总厚度</th>
                                        <th style="text-align: center;font-size: 22px;">耐磨层厚度</th>
                                        <th style="text-align: center;font-size: 22px;">说明</th>
                                        <th style="text-align: center;font-size: 22px;">报价</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {foreach $list as $value}
                                    <tr>
                                        <td>{$value.products_number}</td>
                                        <td>{$value.products_name}</td>
                                        <td>{$value.total_thickness}</td>
                                        <td>{$value.wear_thickness}</td>
                                        <td>{$value.instruction}</td>
                                        <td><a href="/contactus.html#con03" class="button">获取报价</a></td>
                                    </tr>
                                    {/foreach}
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>